import zgticon from './zgticon.vue'
import Vue from 'vue'
import dayjs from 'dayjs'
import relativeTime from 'dayjs/plugin/relativeTime'
import 'dayjs/locale/zh-cn'
import hljs from 'highlight.js'
import 'highlight.js/styles/vs2015.css'
dayjs.locale('zh-cn')
dayjs.extend(relativeTime)
const icon = {
  install: function (Vue) {
    // 注册为全局组件 注意还要再main.js里导入和Vue.use(组件)
    Vue.component(zgticon.name, zgticon)
    // 注册过滤器
    Vue.filter('timeFilter', function (time) {
      return dayjs(time).toNow() // 1天内
    })
  }
}
// install函数 定义全局指令
Vue.directive('highlight', (el) => {
  const codeList = el.querySelectorAll('pre code')
  codeList.forEach((code) => {
    hljs.highlightElement(code)
  })
})
export default icon
